<template>
    <div>
        <input type="text" :value="content" @input="sonChange">{{content}}
    </div>
</template>

<script>
    export default {
        props:["modelValue"],
        emits:['update:modelValue'],
        data(){
            return{
                content:this.modelValue
            }
        },
        methods:{
            sonChange(event){
                this.content = event.target.value;
                this.$emit('update:modelValue',this.content);
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>